/* default style values for some tags */

html{ 
	height: 100%;
}

*{ 
	margin: 0;
	padding: 0;
}

body{ 
	font: normal .80em 'trebuchet ms', arial, sans-serif;
	background: #F0EFE2;
	color: #777;
}

p{ 
	padding: 0 0 20px 0;
	line-height: 1.7em;
}

img{ 
	border: 0;
}

blockquote{ 
	margin: 20px 0; 
	padding: 10px 20px 0 20px;
	border: 1px solid #E5E5DB;
	background: #FFF;
}

ul{ 
	margin: 2px 0 22px 17px;
}

ul li{ 
	list-style-type: circle;
	margin: 0 0 6px 0; 
	padding: 0 0 4px 5px;
}

ol{ 
	margin: 8px 0 22px 20px;
}

ol li{ 
	margin: 0 0 11px 0;
}

/* default Heading style */

h1, h2, h3, h4, h5, h6 { 
	font: normal 200% 'century gothic', arial, sans-serif;
	color: #43423F;
	margin: 0 0 15px 0;
	padding: 15px 0 5px 0;
}

h2{ 
	font: normal 185% 'century gothic', arial, sans-serif;
	color: #1293EE;
}

h3{ 
	font: normal 175% 'century gothic', arial, sans-serif;
	color: #43423F;
}

h4, h5, h6{ 
	margin: 0;
	padding: 0 0 5px 0;
	font: normal 120% arial, sans-serif;
	color: #1293EE;
}

h5, h6{ 
	font: italic 95% arial, sans-serif;
	padding: 0 0 15px 0;
	color: #000;
}

h6{ 
	color: #362C20;
}

/* default HyperLink style */

a, a:hover{ 
	outline: none;
	text-decoration: underline;
	color: #F05A00;
}

a:hover{ 
	text-decoration: none;
}

/* Main Classes */

.left{ 
	float: left;
	width: auto;
	margin-right: 10px;
}

.right{ 
	float: right; 
	width: auto;
	margin-left: 10px;
}

.center{ 
	display: block;
	text-align: center;
	margin: 20px auto;
}

/* Header Logo and main title */

#logo{ 
	width: 875px;
	position: relative;
	height: 98px;
	background: #8DA812 url(logo.png) no-repeat;
}

#logo #logo_text { 
	position: absolute; 
	top: 0px;
	left: 0;
}

#logo h1, #logo h2{ 
	font: normal 300% 'century gothic', arial, sans-serif;
	border-bottom: 0;
	text-transform: none;
	margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
	padding: 10px 0 0 0;
	color: #FFF;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#logo_text h1 a .logo_colour{ 
	color: #F05A00;
}

#logo_text h2{ 
	font-size: 100%;
	padding: 4px 0 0 0;
	color: #FFF;
}

/* Header Menu Navigation */

#main, #logo, #menubar, #site_content, footer{ 
	margin-left: auto; 
	margin-right: auto;
}

header{ 
	background: #8DA812;
	height: 170px;
}

nav{ 
	width: 877px;
	height: 72px;
	padding: 0;
	background: #8DA812 repeat-x;
}

ul#menu, ul#menu li{ 
	float: left;
	margin: 0; 
	padding: 0;
}

ul#menu li{ 
	list-style: none;
}

ul#menu li a{ 
	letter-spacing: 0.1em;
	font: normal 100% 'lucida sans unicode', arial, sans-serif;
	display: block; 
	float: left; 
	height: 37px;
	padding: 29px 26px 6px 26px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
} 

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover{ 
	color: #FFF;
	background: #F05A00 repeat-x;
}

/* Header Translation Flags style */

ul#translation, ul#translation li{ 
	float: right;
	margin: 0; 
	padding: 0;
}

ul#translation li{ 
	list-style: none;
}

ul#translation li a{
	display: block;
	padding: 29px 6px 6px 6px;
	opacity:0.4;
}

ul#translation li a:hover{
	display: block;
	padding: 29px 6px 6px 6px;
	opacity:1;
}

/* Footer */

footer{ 
	width: 878px;
	font: normal 100% 'lucida sans unicode', arial, sans-serif;
	height: 45px;
	padding: 20px 0 5px 0;
	text-align: center;
	background: #8DA812;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

footer a:nth-child(1) img{
	border: 1px solid black;
	width: 121px;
	height: 29px;
}

footer a:nth-child(2) img{
	width: 88px;
	height: 31px;
}

footer a:nth-child(3) img{
	width: 88px;
	height: 31px;
}

footer a:nth-child(4){ 
	color: #FFF;
	text-decoration: none;
	vertical-align: top;
}

footer a:hover{ 
	color: #FFF;
	text-decoration: underline;
}

/* Site Content */

#site_content{ 
	width: 837px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 20px 24px 20px 37px;
	background: #FFF url(content.png) repeat-y;
} 

aside{ 
	float: right;
	width: 190px;
	padding: 0px 15px 5px 15px;
}

aside > a img {
	width: 190px;
	height: 270px;
}

aside ul{ 
	width: 178px; 
	padding: 4px 0 0 0; 
	margin: 4px 0 30px 0;
}

aside li{ 
	list-style: none; 
	padding: 0 0 7px 0; 
}

aside li a, aside li a:hover{ 
	padding: 0 0 0 40px;
	display: block;
	background: transparent url(link.png) no-repeat left center;
} 

aside li a.selected{ 
	color: #444;
	text-decoration: none;
} 

#theday {
	background-color:#F05A00;
	color:#FFFFFF;
	font-size:90px;
	height:60px;
	line-height:50px;
	margin-top:15px;
	padding:40px;
	text-shadow:0 0 5px #DDDDDD;
	width:110px;
	text-align:center;
}

#theday span {
	display:block;
	font-size:16px;
	text-align:center;
}

#content{ 
	text-align: left;
	width: 595px;
	padding: 0;
}

#content ul{ 
	margin: 2px 0 22px 0px;
}

#content ul li{ 
	list-style-type: none;
	background: url(bullet.png) no-repeat;
	margin: 0 0 6px 0; 
	padding: 0 0 4px 25px;
	line-height: 1.5em;
}

.search{ 
	color: #5D5D5D; 
	border: 1px solid #BBB; 
	width: 134px; 
	padding: 4px; 
	font: 100% arial, sans-serif;
}

#colours{ 
	height: 0px;
	text-align: right;
	padding: 66px 16px 0px 300px;
}
  
.form_settings{ 
	margin: 15px 0 0 0;
}

.form_settings p{ 
	padding: 0 0 4px 0;
}

.form_settings span{ 
	float: left; 
	width: 200px; 
	text-align: left;
}
  
.form_settings input, .form_settings textarea{ 
	padding: 5px; 
	width: 299px; 
	font: 100% arial; 
	border: 1px solid #E5E5DB; 
	background: #FFF; 
	color: #47433F;
}
  
.form_settings .submit{ 
	font: 100% arial; 
	border: 1px solid; 
	width: 99px; 
	margin: 0 0 0 212px; 
	height: 33px;
	padding: 2px 0 3px 0;
	cursor: pointer; 
	background: #F05A00; 
	color: #FFF;
}

.form_settings textarea, .form_settings select{ 
	font: 100% arial; 
	width: 299px;
}

.form_settings select{ 
	width: 310px;
}

.form_settings .checkbox{ 
	margin: 4px 0; 
	padding: 0; 
	width: 14px;
	border: 0;
	background: none;
}

.separator{ 
	width: 100%;
	height: 0;
	border-top: 1px solid #D9D5CF;
	border-bottom: 1px solid #FFF;
	margin: 0 0 20px 0;
}
  
table{ 
	margin: 0px 0 30px 0;
}

table tr th, table tr td{ 
	background: #3B3B3B;
	color: #FFF;
	padding: 7px 4px;
	text-align: left;
}
  
table tr td{ 
	background: #F0EFE2;
	color: #47433F;
	border-top: 1px solid #FFF;
}

.popup_image{
	border: 1px solid #8DA812;
}

.popup_image:hover{
	border: 1px solid #F05A00;
}